﻿
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="">
    <!--link rel="icon" href="../../favicon.ico"-->
    <title>Terpnelli</title>

    <!-- Bootstrap core CSS -->


        <link href="/css/bootstrap.css" rel="stylesheet" type="text/css">
        <link href="/css/flatking_grid.css" rel="stylesheet" type="text/css">
        <link href="/css/flatking.css?ver=2.1" rel="stylesheet" type="text/css">
        <link href="/css/print.css" media="print" rel="stylesheet" type="text/css">
        <link href="/fonts/font-awesome.min.css" rel="stylesheet">



    <!-- Custom styles for this template -->
    <!-- link href="starter-template.css" rel="stylesheet"-->

    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
    <!--script src="//v3.bootcss.com/assets/js/ie-emulation-modes-warning.js"></script-->

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>

  <body>
    <div id="Layer1" style="position:fixed; width:100%; height:100%; z-index:-2">
      <img src="media/background.jpg" height="100%" width="100%">
    </div>
    <div id="Layer1" style="position:fixed; width:100%; height:100%; z-index:-1; opacity:0.8">
      <img src="/images/Jakobsens_textur.png" height="100%" width="100%">
    </div>

    <header class="topblock fixed">

        <div class="content" style="position: relative">
          <div class="lang-toolbar">
              <ul style="padding: 0 15px 0 0;">
                  <li><a href="#" onclick="ChangeLang('en')">En</a></li>
                  <li><a href="#" onclick="ChangeLang('cn')">简</a></li>
                  <li>
                      <a href="#" class="search-trigger"><img src= "media/search.png" width="20px" height="20px"></a>

                  </li>
              </ul>
          </div>
          <div class="search" style="display:none;">
              <form action="https://www.baidu.com/s" method="GET" style="margin-bottom:0;"target = "_blank">
                  <input type="text" style="padding:8px 0;" name="wd" />
                  <input type="submit" class='btn solid' id = "lang_bar_search" />
                  <input name=ct type=hidden value="2097152">
                  <input name=si type=hidden value="http://www.terpnelli.com/">

              </form>
          </div>
          <script src="/Scripts/jquery.js"></script>
          <script type="text/javascript">
              $(document).ready(function () {
                  $('.search-trigger').on('click', function () {
                      if ($('.search').is(':visible')) {
                          $('.search').hide();
                      }
                      else {
                          $('.search').show();
                      }

                  });
              })
          </script>

          <div class="logo">
              <a href="index.html"><img src="/media/logo.png" width="233px" height="85px"/></a>
          </div>
            <div class="showmenu"><i class="fa-bars"></i></div>
            <nav>
                <ul>
                    <li class="">
                        <a href="index.html" id = "nav_home"></a>
                    </li>
                    <li class="">
                      <a href="product_main.html" id = "nav_product"></a>
                        <ul>
                            <li><a href="product_1.html" id = "nav_product_1" style="padding-right:5px"></a></li>
                            <li><a href="product_2.html" id = "nav_product_2" style="padding-right:5px"></a></li>
                        </ul>
                    </li>
                    <li class="">
                        <a href="recipes_main.html" id = "nav_recipes"></a>
                        <ul>
                            <li><a href="recipes_1.html" id = "nav_recipes_1" style="padding-right:5px"></a></li>
                            <li><a href="recipes_2.html" id = "nav_recipes_2" style="padding-right:5px"></a></li>
                            <li><a href="recipes_3.html" id = "nav_recipes_3" style="padding-right:5px"></a></li>
                            <li><a href="recipes_4.html" id = "nav_recipes_4" style="padding-right:5px"></a></li>
                        </ul>
                    </li>
                    <li class="">
                      <a href="about.html" id = "nav_about"></a>
                      <ul>
                          <li> <a href="about.html" id = "nav_about_terpnelli" style="padding-right:5px"></a>
                          <li><a href="contactus.html" id = "nav_about_contact_us" style="padding-right:5px"></a></li>
                      </ul>
                    </li>
                </ul>
            </nav>
        </div>
    </header>




    <div class="contentblock nopadding"  style="padding-top: 140px;">
        <div class="content white" style="padding-top:15px;padding-bottom:15px;background:white;border:rgba(214,200,173,5) 10px solid;background: url(/media/background_2.jpg);background-repeat:repeat;background-size:600px">

          	<div  class="grid_13" style="padding-top:25px;padding-bottom:25px;">
              <div class="grid_4" style="border-right:1px dashed">
                  <div  align="center" class="grid_4">
                     <img src="/media/products/honey/honey_main.png" />
                   </div>
                     <h2 align="center" id="product_1_content_0"></h3>
                     <h5 align="center" id="product_1_content_1"></h4>
                     <p></p>
                     <h5 align="center"><strong id="product_1_content_2"></strong></h4>
                        <div  align="center" class="grid_3">
                          <table>
                                <tr style="background:rgba(217,210,175,5)">
                                  <td id="product_1_content_3"></td>
                                  <td id="product_1_content_4"></td>
                                </tr>
                                <tr>
                                  <td id="product_1_content_5"></td>
                                  <td id="product_1_content_6"></td>
                                </tr>
                                <tr style="background:rgba(217,210,175,5)">
                                  <td id="product_1_content_7"></td>
                                  <td id="product_1_content_8"></td>
                                </tr>
                                <tr>
                                  <td id="product_1_content_9"></td>
                                  <td id="product_1_content_10"></td>
                                </tr>
                                <tr style="background:rgba(217,210,175,5)">
                                  <td id="product_1_content_11"></td>
                                  <td id="product_1_content_12"></td>
                                </tr>
                                <tr>
                                  <td id="product_1_content_13"></td>
                                  <td id="product_1_content_14"></td>
                                </tr>
                                <tr style="background:rgba(217,210,175,5)">
                                  <td id="product_1_content_15"></td>
                                  <td id="product_1_content_16"></td>
                                </tr>

                          </table>
                        </div>




              </div>
              <div class="grid_7" style="text-align: justify;">
              </br>
              </br>
                  <h4 style="padding-left:25px;padding-right:25px;" id="product_1_content_17"></h4>
                  <p style="padding-left:25px;padding-right:25px;" id="product_1_content_18"></p>
                </br>
                </br>
                  <h4 style="padding-left:25px;padding-right:25px;"  id="product_1_content_19"></h4>
                  <p style="padding-left:25px;padding-right:25px;" id="product_1_content_20"></p>
                  <div  align="center" class="grid_3">
                     <img src="/media/products/honey/honey_1.jpg" />
                  </div>
                  <div  align="center" class="grid_3">
                     <img src="/media/products/honey/honey_2.jpg" />
                  </div>
              </div>
            </div>



      </div>
  </div>
  <div class="contentblock print-hide" style="padding-bottom: 10px;">
      <div class="content white">
          <div class="grid_12 back-btn"><a href="product_main.html"><h5 id="recipes_products_back_to_overview"></h5></a>
          </div>
      </div>
  </div>

          <script src="/Scripts/jquery.js"></script>
          <script src="/Scripts/jquery.mixitup.min2.1.js"></script>



          <script src="/Scripts/jquery.bxslider.js"></script>
          <script src="/Scripts/flatking.js"></script>
          <script src="/Scripts/Common.js"></script>
          <script src="/Scripts/jquery-1.11.0.js"></script>
          <script type="text/javascript" src="Scripts/jquery.i18n.properties-1.0.9.js"></script>

<script type="text/javascript">
      // load I18N bundles
      jQuery.noConflict();
    jQuery(document).ready(function() {
        var lang = checkLangCookie();
        loadBundles(lang);
    });

  function loadBundles(lang) {
    jQuery.i18n.properties({
        name:'Messages',
        path:'bundle/',
        mode:'both',
        language:lang,
        callback: function() {
            updateExamples();
        }
    });
    setLangCookie(lang);

  }

  function updateExamples() {
  update_submit_value();

    jQuery('#nav_home')
        .empty()
        .append(jQuery.i18n.prop('msg_nav_home'))
    jQuery('#nav_product')
        .empty()
        .append(jQuery.i18n.prop('msg_nav_product'))
    jQuery('#nav_recipes')
        .empty()
        .append(jQuery.i18n.prop('msg_nav_recipes'))
    jQuery('#nav_about')
        .empty()
        .append(jQuery.i18n.prop('msg_nav_about'))
    jQuery('#nav_product_1')
        .empty()
        .append(jQuery.i18n.prop('msg_nav_product_1'))
    jQuery('#nav_product_2')
        .empty()
        .append(jQuery.i18n.prop('msg_nav_product_2'))
    jQuery('#nav_recipes_1')
        .empty()
        .append(jQuery.i18n.prop('msg_nav_recipes_1'))
    jQuery('#nav_recipes_2')
        .empty()
        .append(jQuery.i18n.prop('msg_nav_recipes_2'))
    jQuery('#nav_recipes_3')
        .empty()
        .append(jQuery.i18n.prop('msg_nav_recipes_3'))
    jQuery('#nav_recipes_4')
        .empty()
        .append(jQuery.i18n.prop('msg_nav_recipes_4'))
    jQuery('#nav_about_terpnelli')
        .empty()
        .append(jQuery.i18n.prop('msg_nav_about_terpnelli'))
    jQuery('#nav_about_contact_us')
        .empty()
        .append(jQuery.i18n.prop('msg_nav_about_contact_us'))
    jQuery('#recipes_products_back_to_overview')
        .empty()
        .append(jQuery.i18n.prop('msg_recipes_products_back_to_overview'))
    jQuery('#product_1_content_0')
        .empty()
        .append(jQuery.i18n.prop('msg_product_1_content_0'))
    jQuery('#product_1_content_1')
        .empty()
        .append(jQuery.i18n.prop('msg_product_1_content_1'))
    jQuery('#product_1_content_2')
        .empty()
        .append(jQuery.i18n.prop('msg_product_1_content_2'))
    jQuery('#product_1_content_3')
        .empty()
        .append(jQuery.i18n.prop('msg_product_1_content_3'))
    jQuery('#product_1_content_4')
        .empty()
        .append(jQuery.i18n.prop('msg_product_1_content_4'))
    jQuery('#product_1_content_5')
        .empty()
        .append(jQuery.i18n.prop('msg_product_1_content_5'))
    jQuery('#product_1_content_6')
        .empty()
        .append(jQuery.i18n.prop('msg_product_1_content_6'))
    jQuery('#product_1_content_7')
        .empty()
        .append(jQuery.i18n.prop('msg_product_1_content_7'))
    jQuery('#product_1_content_8')
        .empty()
        .append(jQuery.i18n.prop('msg_product_1_content_8'))
    jQuery('#product_1_content_9')
        .empty()
        .append(jQuery.i18n.prop('msg_product_1_content_9'))
    jQuery('#product_1_content_10')
        .empty()
        .append(jQuery.i18n.prop('msg_product_1_content_10'))
    jQuery('#product_1_content_11')
        .empty()
        .append(jQuery.i18n.prop('msg_product_1_content_11'))
    jQuery('#product_1_content_12')
        .empty()
        .append(jQuery.i18n.prop('msg_product_1_content_12'))
    jQuery('#product_1_content_13')
        .empty()
        .append(jQuery.i18n.prop('msg_product_1_content_13'))
    jQuery('#product_1_content_14')
        .empty()
        .append(jQuery.i18n.prop('msg_product_1_content_14'))
    jQuery('#product_1_content_15')
        .empty()
        .append(jQuery.i18n.prop('msg_product_1_content_15'))
    jQuery('#product_1_content_16')
        .empty()
        .append(jQuery.i18n.prop('msg_product_1_content_16'))
    jQuery('#product_1_content_17')
        .empty()
        .append(jQuery.i18n.prop('msg_product_1_content_17'))
    jQuery('#product_1_content_18')
        .empty()
        .append(jQuery.i18n.prop('msg_product_1_content_18'))
    jQuery('#product_1_content_19')
        .empty()
        .append(jQuery.i18n.prop('msg_product_1_content_19'))
    jQuery('#product_1_content_20')
        .empty()
        .append(jQuery.i18n.prop('msg_product_1_content_20'))
      }

  </script>
</body>
</html>
